<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <link rel="stylesheet" type="text/css" href="style/colorbox.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.colorbox.js"></script>
</head>
<body>
    <div class="index_header">
        <div class="center">
            <div class="logo"><a href="javascript:">培育计划申报</a></div>
            <div class="state">
                <span>
                    <a href="javascript:">
                        <img src="images/portrait.jpg">李华
                    </a>
                    <ul>
                        <li><a href="javascript:">个人信息</a></li>
                        <li><a href="javascript:">我的消息</a></li>
                        <li><a href="javascript:">修改密码</a></li>
                    </ul>
                </span>
                <span><a  href="javascript:">退出</a></span>
            </div>
        </div>
    </div>
    <div class="index_main">
        <div class="infor">
            <div class="center">
                <div class="po_img"><img src="images/portrait.jpg"></div>
                <div class="content">
                    <div class="name">李华</div>
                    <p class="school">
                        <span>广东石油化工学院</span>
                        <span>网络工程</span>
                    </p>
                    <p class="contact">
                        <span>158****7035</span>
                        <span>15814917035@163.com</span>
                    </p>
                    <div class="infor_bg">
                        <img src="images/vote_bg2.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="nav">
                <div class="center">
                    <ul>
                        <li class="current">
                            <a href="javascript:">
                                <i></i>
                                <span>我的项目</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:">
                               <i></i>
                                <span>我的消息</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:">
                                <i></i>
                                <span>个人设置</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="prodect">
                <div class="center">
                    <div class="year">
                        <div>
                            <span>项目申报时间</span>
                            <select>
                                <option>2018年</option>
                                <option>2019年</option>
                                <option>2020年</option>
                            </select>
                        </div>
                    </div>
                    <div class="build none">
                        <a  href="javascript:">
                            <span>创建项目</span>
                        </a>
                    </div>
                    <div class="project">
                        <div class="pro">
                            <div class="brief">
                                <div class="state"><span>审核通过</span></div>
                                <div class="name">
                                    <a  href="javascript:">
                                        大学生自主研发3D网络超市
                                        <span>项目创始人：李华</span>
                                    </a>
                                </div>
                                <div class="op">
                                    <a  href="javascript:">编辑</a>
                                    <a  href="javascript:" class="delete_p">删除</a>
                                </div>
                            </div>
                            <div class="detail">
                                <div>项目介绍</div>
                                <p>
                                    文字文字文字文字文字文字文字文字文字文字文字
                                    文字文字文字文字文字文字文字文字文字文字文字
                                    文字文字文字文字文字文字文字文字文字文字文字
                                    文字文字文字文字文字文字文字文字文字文字文字
                                    文字文字文字文字文字文字文字文字文字文字文字
                                </p>
                                <p>文字文字文字文字文字</p>
                            </div>
                        </div>
                        <div class="member">
                            <div class="title">——&nbsp;&nbsp;团队成员&nbsp;&nbsp;——</div>
                            <div class="add_button"><a  id="add1" href="#add_member"></a></div>
                           <ul>
                               <li>
                                   <span>李华</span>
                                   <p>团队角色：项目创始人</p>
                               </li>
                               <li>
                                   <span>张三</span>
                                   <p>团队角色：团队成员</p>
                                   <div>
                                       <a href="javascript:" ><img src="images/delete.png" class="delete_member"></a>
                                   </div>
                               </li>
                               <li>
                                   <span>王五</span>
                                   <p>团队角色：团队成员</p>
                                   <div>
                                       <a href="javascript:" ><img src="images/delete.png" class="delete_member"></a>
                                   </div>
                               </li>
                               <li>
                                   <span>xixi</span>
                                   <p>团队角色：团队成员</p>
                                   <div>
                                       <a href="javascript:" ><img src="images/delete.png" class="delete_member"></a>
                                   </div>
                               </li>
                           </ul>
                        </div>
                        <div class="teacher">
                            <div class="title">——&nbsp;&nbsp;指导老师&nbsp;&nbsp;——</div>
                            <div class="add_button"><a  id="add2" href="#add_teacher"></a></div>
                        </div>
                        <div class="schedule">
                            <div class="title">——&nbsp;&nbsp;项目进程&nbsp;&nbsp;——</div>
                            <div class="flow">
                                <div></div>
                                <span>START</span>
                                <span>步骤二</span>
                                <!--<span>步骤三</span>-->
                                <!--<span>步骤四</span>-->
                                <!--<span>ENDING</span>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 弹窗：添加团队成员 -->
    <div style='display:none;'>
        <div id='add_member'>
            <div class="title">添加团队成员</div>
            <div>
                <p>说明文字说明文字说明文字说明文字说明文字
                    说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</p>
                <div class="inform">
                    <span>*</span>真实姓名:
                    <input type="text" name="" placeholder="团队成员的真实姓名">
                </div>
                <div class="inform">
                    <span>*</span>手机号码:
                    <input type="text" name="" placeholder="请输入团队成员的手机号码">
                </div>
                <div>
                    <button type="submit">确定</button>
                    <button type="reset">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 弹窗：添加指导老师 -->
    <div style='display:none;'>
        <div id='add_teacher'>
            <div class="title">添加指导老师</div>
            <div>
                <div class="inform">
                    <span>*</span>真实名称:
                    <input type="text" name="" placeholder="指导老师的真实名称">
                </div>
                <div class="inform">
                    <span>*</span>手机号码:
                    <input type="text" name="" placeholder="请输入指导老师的手机号码">
                </div>
                <div class="inform">
                    <span>*</span>电子邮箱:
                    <input type="text" name="" placeholder="请填写电子邮箱">
                </div>
                <div class="inform">
                    <span>*</span>所在院校:
                    <!--<input type="text" name="" placeholder="请选择所在院校">-->
                    <select>
                        <option>请选择所在院校</option>
                        <option>电信学院</option>
                        <option>理学院</option>
                    </select>
                </div>
                <div class="inform">
                    <span>*</span>导师职称:
                    <input type="text" name="" placeholder="请填写项目导师职称">
                </div>
                <div>
                    <button type="submit">确定</button>
                    <button type="reset">取消</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function(){

            $("#add1").colorbox({inline:true, width:"500px",opacity:0.6});
            $("#add2").colorbox({inline:true, width:"500px",opacity:0.6});

            $(".delete_member").click(function(){
                confirm("请确认是否删除该成员!");
            });

            $(".delete_p").click(function(){
                confirm("请确认是否删除该项目!");
            });
        });
    </script>
    <div class="footer">
        <div class="link">
            <a>友情链接：</a>
            <a href="javascript:">学院概况</a><span></span>
            <a href="javascript:">政策法规</a><span></span>
            <a href="javascript:">服务平台</a><span></span>
            <a href="javascript:">下载专区</a><span></span>
            <a href="javascript:">联系我们</a><span></span>
            <a href="javascript:">后台管理</a>
        </div>
        <div class="msg">
            <p>地址：广东省茂名市茂南区官渡二路139号广东石油化工学院</p>
            <p>联系电话：13900000 <span>邮箱：12455@163.com</span></p>
        </div>
        <span>©2017  广东石油化工学院创新创业学院  版权所有</span>
    </div>




</body>
</html>
